@formbd:#D9D9D9;
@formbg:#FBFDFF;
@formc:#0088FF;
@pageC:#CDE8FF;
@textC:#666666;


//表格内容颜色
.tablecom {
  .el-table thead.is-group th.el-table__cell {
  
     background-color:var(--table-header-bg-color);
  }
  .el-table__body tbody tr:nth-child(odd) {
    background-color: var(--table-row-1);
  }
   .el-table__body tbody tr:nth-child(even) {
    background-color: var(--table-row-2);
  }

  .el-select .el-input__wrapper{
    background: transparent!important;

  }




}

.el-header {
  padding: 0!important;
}

.el-form-item__error {
  padding-top: 4px!important;
}

.demo-tabs > .el-tabs__content {
  font-weight: 500;
  font-size: 16px;
}

.el-input-group__prepend{
  box-shadow: 1px 0 0 0 @formbd!important;
  background: rgba(217, 217, 217, 0.1) !important;
  border-radius: 0!important;
  color: #333333!important;
  border: 1px solid @formbd!important;
  border-right: none!important;
}

.el-input-group--prepend>.el-input__wrapper {
  // box-shadow: 0 0 0 1px @formbd;
  border-radius: 0!important;
  box-shadow: none!important;
  border: 1px solid @formbd;
}

.pubfrom {
  .el-form-item {
    border: 1px solid @formbd;
    border-radius: 0!important;
    height: 32px;
    line-height: 32px;
    align-items: center;
  }
  .el-form-item__label {
    background: rgba(217, 217, 217, 0.1);
    font-size: 14px;
    // background: #F4F7FF;
    font-size: 16px;
    text-align: center;
    padding: 0 12px!important;
    // padding: 0;
    line-height: 32px;
    border-right: 1px solid @formbd;
    justify-content: center;
  }
  .el-form-item__content {
    border: none!important;
  }
  .el-input__wrapper {
    box-shadow: none!important;
  }
  .el-input__wrapper, .el-select .el-input.is-focus .el-input__wrapper {
    // border: 1px solid var(--el-color-primary);
    height: 27px;
    line-height: 27px;
    box-shadow: 1px solid #D9D9D9!important;
    // border: none!important;
    background: transparent!important;
  }
  .el-select .el-input.is-focus .el-input__wrapper {
    // box-shadow: none!important;
    background: transparent!important;
  }
  .el-input__wrapper.is-focus {
    box-shadow: none!important;

  }
  .el-input__inner {
    border: none!important;
  }
  .el-date-editor.el-input__inner {
    box-shadow: none!important;
  }
  .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: none!important;
  }
}

// 弹框下的样式
.dialogForm {
  .el-input__wrapper {
    // border-radius: 0!important;
    // background: #FBFDFF;
    // border: 1px solid var(--el-color-primary);
    border: 1px solid #ddd;
    box-shadow: none!important;
  }
  .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
  }
  .el-date-editor.el-input__inner {
    border-radius: 0!important;
    // background: #FBFDFF;
    border: 1px solid #D1DEFF;
    box-shadow: none!important;
  }
  .el-textarea__inner {
    // font-family: 'PingFang SC';
    // color: #CEE4FF;
    // width: 274px;
    height: 120px;
    background: #FBFDFF;
    border: 1px solid #D1DEFF!important;
    box-shadow: none!important;
    border-radius: 0!important;
    // border: 1px solid #D1DEFF!important;
  }
}

.btnform {
//  .el-form-item {
    border: none!important;
//  }
}
.beizhu {
  .el-form-item {
    border: 1px solid #D1DEFF;
    border-radius: 0!important;
    height: 312px;
    line-height: 32px;
  }
}


// 覆盖element样式
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 335px;
}
.el-form-item {
  // border: 1px solid #105B65!important;
  border-radius: 16px;
}
.el-input__inner {
    background: transparent!important;
    // border: 1px solid @formbd;
    // color: #CBE1FC;
  }
  // disabled 样式
  .el-input.is-disabled .el-input__inner {
    border: 1px solid #D1DEFF!important;
  }

// .el-input__inner {
//   background: transparent!important;
//   border: 1px solid #105B65;
//   border-radius: 16px;
// }
// 滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 2px;
  }
::-webkit-scrollbar-thumb {    //滚动条小方块
  border-radius: 3px;
  // -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
  // background: #1C457C;
  opacity: 0.5;
  // background-image: linear-gradient( #327d7f 0%, #1b4c52 50%, #0d2327 100%);
}
::-webkit-scrollbar-track {     //轨道背景色
  // -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.0);
  border-radius: 3px;
  background: #BDD4E8;
}
  
.el-date-editor .el-range__icon {
  line-height: 24px;
}
// 月份类型
.el-month-table td.today .cell{
  color: #fff;
}
.el-month-table td .cell:hover {
  color: #fff!important;
}
.el-month-table td.in-range div, .el-month-table td.in-range div{
  background-color: #0D272C!important;
}
.el-month-table td.start-date .cell,.el-month-table td.end-date .cell{
  background-color: #1A7B88!important;
}
// 下拉选择菜单
.el-select-dropdown {
  // background: #fff;
  border: 1px solid #CDE8FF;
  box-shadow: 2px 2px 10px 1px rgba(165,190,248,0.60);
  border: none; 
  .el-select-dropdown__item {
    color: #5B6272!important;
    // &.selected,
    // &.hover,
    &:hover {
      color: #fff!important;
      background-color: #0088FF;
    }
  }
  .popper__arrow {
    &::after {
      top: 0 !important;
      border-bottom-color: #0088FF!important;
    }
  }
}
// 下拉箭头
.el-select .el-input .el-select__caret {
  color: @formc;
}

// 下拉菜单
.el-dropdown-link{
  color: #fff;
}
.el-dropdown-menu{
  // background: rgba(25, 49, 62, 0.53);
  border: 1px solid #4ECBCB;
}
// .el-dropdown-menu__item{
//   color: #fff;
// }
// .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
//   color: #fff;
//   background: #0D272C;
// }
// 多选下拉样式
// .el-select .el-tag {
//     background: transparent!important;
//     border: none!important;
//     color: #CBE1FC;
//   }
//   .el-tag.el-tag--info .el-tag__close {
//     background: #105b65!important;
//   }
//  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
//     background: #0D272C!important;
//   }
//   .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
//     background: #fff!important;
//   }
// 窗口
.el-dialog{
  background: #fff!important;
  border-radius: 4px !important;
    // background: red;
    .el-dialog__headerbtn {
      top: 10px!important;
    }
    border-radius: 8px;
    .el-dialog__title {
      font-weight: 500;
      font-size: 18px;
      color: #25324F;
    }
    .el-dialog__header{
      color: #25324F;
    }
    // ::v-deep .el-dialog__header {
   .el-dialog__header{
      margin-right: 0!important;
      background: var(--dialog-bg);
      // background: red!important;
    }
    .dialog-footer{
      text-align: right;
        // &:hover{
        //     color: #25333E;
        //     background: #4DC8ED;
        // }
        // &:active{
        //     color: #25333E;
        //     background: #4DC8ED;
        // }
    }
}
// 树形菜单
/*
.el-tree {
  background: transparent!important;
}
.el-tree-node__content {
  height: 50px;
}
.el-tree-node__label {
  // color: #A9C3FC;
  font-weight: 400;
}
.el-tree-node .is-active {
  background: @formc;
}
*/
/*
.el-checkbox__inner {
  border: 1px solid #4AB0C4;
  background: transparent;
}
 .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #1A7B88!important;
  border-color: #1A7B88!important;
}
 .el-checkbox__inner:hover {
      border-color: #1A7B88!important;
    }
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background: @formbd!important;
}
.el-tree-node:hover>.el-tree-node__content {
  background: @formbd!important;
}
.el-tree-node:focus>.el-tree-node__content {
  background: transparent!important;
}
*/

// 表格样式
.tablecom {
  .el-table {
    width: 100%;
    height: 80%;
    background: transparent;
    border: none;
  }
  .el-table .cell {
    padding-left: 24px;
    color: @textC;
    font-weight: 500;
  }
  .el-table th.el-table__cell {
    border-bottom:1px solid #fff!important;
    border-right:1px solid #fff!important;
    background: var(--table-header-bg-color);
    
  }
  .el-table thead.is-group {
    background: var(--table-header-bg-color);
  }
  .el-table th.el-table__cell>.cell{
     font-size: 16px;
    color: #333333;
    font-weight: 500;
  }
  .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
  }
  
  .el-table td,
    .el-table th {
      padding: 0 !important;
      height: 36px;
  }
  .el-table::before {
    height: 0;
  }

  // .el-table--enable-row-transition .el-table__body td.el-table__cell {
  //     border: 2px solid #fff;
  // }
  // .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  //   background: transparent;
  // }
  .el-table tbody tr:hover>td {
      // background:rgba(197, 227, 255, 0.5)!important
      background:transparent!important
  }
  // 鼠标悬停效果
  // .el-table tbody tr { pointer-events:none; }
  .operatebtn {
    color: #3CF0FF;
    cursor: pointer;
  }
  .pagination-bar {
    float: right;
  }
}

/* 在Chrome浏览器下 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    /* 在Firefox浏览器下 */
    // input[type="number"]{
    //     -moz-appearance: textfield;
    // }

    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
      // width: 18px;
      // height: 18px;
      background: #FAFDFF!important;
      border: 1px solid #CDE8FF;
      border-radius: 2px;
    }

    .el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
      // background: #0088FF!important;
      border-radius: 2px;
    }
 //  placeholder字体颜色设置
// @input-color:#CBE1FC;

//  .el-input__inner,
//  .el-date-editor .el-range-input {
//   color: @input-color;
//   &::placeholder {
//     color: @input-color;
//   }

//   &::-webkit-input-placeholder {
//     /* WebKit browsers 适配谷歌 */
//     color: @input-color;
//   }

//   &:-moz-placeholder {
//     /* Mozilla Firefox 4 to 18 适配火狐 */
//     color: @input-color;
//   }

//   &::-moz-placeholder {
//     /* Mozilla Firefox 19+ 适配火狐 */
//     color: @input-color;
//   }

//   &:-ms-input-placeholder {
//     /* Internet Explorer 10+  适配ie*/
//     color: @input-color;
//   }
// }

.el-input.is-disabled .el-input__wrapper {
  background-color: transparent!important;
}
.el-input.is-disabled .el-input__inner {
  border: none!important;
}

.el-button{
  font-size: 16px !important;
}

.el-button.active{
  color:white;
  background-color: var(--el-color-primary);
}

.el-input-group__append {
  background: #fff!important;
}



.el-loading-mask{
  background-color: #fff;
}